Highlight a Designer
nodes
borderWidth:
borderWidthSelected:
color
border:
background:
highlight
border:
background:
hover
border:
background:
opacity:
fixed
x:
y:
font
color:
size:
face:
background:
strokeWidth:
strokeColor:
hidden:
labelHighlightBold:
physics:
scaling
min:
max:
label:
shadow:
shape:
shapeProperties
borderDashes:
borderRadius:
interpolation:
useImageSize:
size:
edges
arrows
to:
middle:
from:
endPointOffset
from:
to:
arrowStrikethrough:
color
color:
highlight:
hover:
inherit:
opacity:
dashes:
font
color:
size:
face:
background:
strokeWidth:
strokeColor:
align:
hidden:
hoverWidth:
labelHighlightBold:
physics:
scaling
min:
max:
label
enabled:
min:
max:
maxVisible:
drawThreshold:
selectionWidth:
selfReferenceSize:
selfReference
size:
angle:
renderBehindTheNode:
shadow:
smooth
enabled:
type:
forceDirection:
roundness:
width:
physics
enabled:
barnesHut
theta:
gravitationalConstant:
centralGravity:
springLength:
springConstant:
damping:
avoidOverlap:
maxVelocity:
minVelocity:
solver:
timestep:
wind
x:
y:
generate options

Highlight a Designer
nodes
borderWidth:
borderWidthSelected:
color
border:
background:
highlight
border:
background:
hover
border:
background:
opacity:
fixed
x:
y:
font
color:
size:
face:
background:
strokeWidth:
strokeColor:
hidden:
labelHighlightBold:
physics:
scaling
min:
max:
label:
shadow:
shape:
shapeProperties
borderDashes:
borderRadius:
interpolation:
useImageSize:
size:
edges
arrows
to:
middle:
from:
endPointOffset
from:
to:
arrowStrikethrough:
color
color:
highlight:
hover:
inherit:
opacity:
dashes:
font
color:
size:
face:
background:
strokeWidth:
strokeColor:
align:
hidden:
hoverWidth:
labelHighlightBold:
physics:
scaling
min:
max:
label
enabled:
min:
max:
maxVisible:
drawThreshold:
selectionWidth:
selfReferenceSize:
selfReference
size:
angle:
renderBehindTheNode:
shadow:
smooth
enabled:
type:
forceDirection:
roundness:
width:
physics
enabled:
barnesHut
theta:
gravitationalConstant:
centralGravity:
springLength:
springConstant:
damping:
avoidOverlap:
maxVelocity:
minVelocity:
solver:
timestep:
wind
x:
y:
generate options

#mynetwork { width: 100%; height: 600px; background-color: #ffffff; border: 1px solid lightgray; position: relative; float: left; } /* Navigation bar styles */ #navbar { background-color: #f7f7f7; border: 1px solid lightgray; padding: 0px; border-radius: 1px; } #navbar { display: flex; align-items: center; } #navbar ul { list-style-type: none; margin: 0; padding: 2; overflow: hidden; } #navbar li a { color: #000000; text-align: center; padding: 10px 20px; text-decoration: none; } #navbar li { float: left; } #navbar img { margin-left: 930px; } #loadingBar { position:absolute; top:0px; left:0px; width: 100%; height: 600px; background-color:rgba(200,200,200,0.8); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity:1; } #bar { position:absolute; top:0px; left:0px; width:20px; height:20px; margin:auto auto auto auto; border-radius:11px; border:2px solid rgba(30,30,30,0.05); background: rgb(0, 173, 246); /* Old browsers */ box-shadow: 2px 0px 4px rgba(0,0,0,0.4); } #border { position:absolute; top:10px; left:10px; width:500px; height:23px; margin:auto auto auto auto; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); border-radius:10px; } #text { position:absolute; top:8px; left:530px; width:30px; height:50px; margin:auto auto auto auto; font-size:22px; color: #000000; } div.outerBorder { position:relative; top:400px; width:600px; height:44px; margin:auto auto auto auto; border:8px solid rgba(0,0,0,0.1); background: rgb(252,252,252); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ border-radius:72px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } #config { float: left; width: 400px; height: 600px; }
  • Mapping Fashion
  • About
  • Guide
  • Contact
    • Highlight a Designer
    nodes
    borderWidth:
    borderWidthSelected:
    color
    border:
    background:
    highlight
    border:
    background:
    hover
    border:
    background:
    opacity:
    fixed
    x:
    y:
    font
    color:
    size:
    face:
    background:
    strokeWidth:
    strokeColor:
    hidden:
    labelHighlightBold:
    physics:
    scaling
    min:
    max:
    label:
    shadow:
    shape:
    shapeProperties
    borderDashes:
    borderRadius:
    interpolation:
    useImageSize:
    size:
    edges
    arrows
    to:
    middle:
    from:
    endPointOffset
    from:
    to:
    arrowStrikethrough:
    color
    color:
    highlight:
    hover:
    inherit:
    opacity:
    dashes:
    font
    color:
    size:
    face:
    background:
    strokeWidth:
    strokeColor:
    align:
    hidden:
    hoverWidth:
    labelHighlightBold:
    physics:
    scaling
    min:
    max:
    label
    enabled:
    min:
    max:
    maxVisible:
    drawThreshold:
    selectionWidth:
    selfReferenceSize:
    selfReference
    size:
    angle:
    renderBehindTheNode:
    shadow:
    smooth
    enabled:
    type:
    forceDirection:
    roundness:
    width:
    physics
    enabled:
    barnesHut
    theta:
    gravitationalConstant:
    centralGravity:
    springLength:
    springConstant:
    damping:
    avoidOverlap:
    maxVelocity:
    minVelocity:
    solver:
    timestep:
    wind
    x:
    y:
    generate options

    Highlight a Designer
    nodes
    borderWidth:
    borderWidthSelected:
    color
    border:
    background:
    highlight
    border:
    background:
    hover
    border:
    background:
    opacity:
    fixed
    x:
    y:
    font
    color:
    size:
    face:
    background:
    strokeWidth:
    strokeColor:
    hidden:
    labelHighlightBold:
    physics:
    scaling
    min:
    max:
    label:
    shadow:
    shape:
    shapeProperties
    borderDashes:
    borderRadius:
    interpolation:
    useImageSize:
    size:
    edges
    arrows
    to:
    middle:
    from:
    endPointOffset
    from:
    to:
    arrowStrikethrough:
    color
    color:
    highlight:
    hover:
    inherit:
    opacity:
    dashes:
    font
    color:
    size:
    face:
    background:
    strokeWidth:
    strokeColor:
    align:
    hidden:
    hoverWidth:
    labelHighlightBold:
    physics:
    scaling
    min:
    max:
    label
    enabled:
    min:
    max:
    maxVisible:
    drawThreshold:
    selectionWidth:
    selfReferenceSize:
    selfReference
    size:
    angle:
    renderBehindTheNode:
    shadow:
    smooth
    enabled:
    type:
    forceDirection:
    roundness:
    width:
    physics
    enabled:
    barnesHut
    theta:
    gravitationalConstant:
    centralGravity:
    springLength:
    springConstant:
    damping:
    avoidOverlap:
    maxVelocity:
    minVelocity:
    solver:
    timestep:
    wind
    x:
    y:
    generate options

    Highlight a Designer
    nodes
    borderWidth:
    borderWidthSelected:
    color
    border:
    background:
    highlight
    border:
    background:
    hover
    border:
    background:
    opacity:
    fixed
    x:
    y:
    font
    color:
    size:
    face:
    background:
    strokeWidth:
    strokeColor:
    hidden:
    labelHighlightBold:
    physics:
    scaling
    min:
    max:
    label:
    shadow:
    shape:
    shapeProperties
    borderDashes:
    borderRadius:
    interpolation:
    useImageSize:
    size:
    edges
    arrows
    to:
    middle:
    from:
    endPointOffset
    from:
    to:
    arrowStrikethrough:
    color
    color:
    highlight:
    hover:
    inherit:
    opacity:
    dashes:
    font
    color:
    size:
    face:
    background:
    strokeWidth:
    strokeColor:
    align:
    hidden:
    hoverWidth:
    labelHighlightBold:
    physics:
    scaling
    min:
    max:
    label
    enabled:
    min:
    max:
    maxVisible:
    drawThreshold:
    selectionWidth:
    selfReferenceSize:
    selfReference
    size:
    angle:
    renderBehindTheNode:
    shadow:
    smooth
    enabled:
    type:
    forceDirection:
    roundness:
    width:
    physics
    enabled:
    barnesHut
    theta:
    gravitationalConstant:
    centralGravity:
    springLength:
    springConstant:
    damping:
    avoidOverlap:
    maxVelocity:
    minVelocity:
    solver:
    timestep:
    wind
    x:
    y:
    generate options